<template>
    <footer>
            <div class="box">
                <div class="friend-link">友情链接:</div>
                <div  class="center" style="min-height: 40px; text-align: center;">
                    <a href="http://myhope365.com/index"> 天亮教育 </a>
                    <a href="http://starcloud3.shangyuninfo.com/"> 星云大数据平台 </a>
                    <a href="https://stu.myhope365.com/unLogin"> 教学管理云平台 </a>
                    <a href="http://shangyuninfo.com/"> 尚云科技 </a>
                    <a href="http://myhope365.com/news/index?id=66"> 天亮公开课资源 </a>
                </div>
                <div class="company">Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</div>
            </div>
        </footer>    
</template>
<script>
export default {
    name: 'footerView'
}
</script>
<style lang="less" scoped>
/* footer 底部 */
footer{
    background: #0f141a;
    color: #777878;
    font-size: 14px;
    height: 197px;
    .friend-link{
        width: 51%;
        color: #fff;
        font-size: 22px;
        margin: 50px auto;
    }
    .box div{
        line-height: 30px;
    }
    .center{
       margin-bottom: 30px;
    }
    .box>div>a{
        margin-right: 30px;
        text-decoration: none;
        color:#777878;
    }
    .box>div>a:hover{
        color: #41f405;
    }
    .company{
        margin: 0 auto;
        width: 60%;
        border-top: #777878 solid 1px;
        text-align: center;
    }
}

</style>